<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>爱波利-学习列表</title>
<link rel="stylesheet" type="text/css" href="css/basic.css"/>
<link rel="stylesheet" type="text/css" href="css/login.css"/>
</head>

<body>
<div id="Mainbody">
 <!--头子开始-->
  <div id="TopRange">
        <div class="left"><img src="images/logo.png" width="316" height="44" /></div>
        <div class="right">
        <a href="#">帮助</a>&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="#">登录</a> | 
        <a href="#">马上注册</a>
        </div>
        <div class="clear"></div>
        <div id="DownloadLink">
        <img src="images/downloadsmallico.png" width="10" height="16" />
        <a href="#" class="blue">下载首页</a> |&nbsp;
        <a href="#">IPHONE版</a> |&nbsp;
        <a href="#">ANDROID版</a> |&nbsp;
        <a href="#">WP7版本</a> |&nbsp;
        <a href="#">通用版</a>
        </div>
        <div class="clear"></div>
  </div>
   <!--头子结束-->  
   
   <!--中间部分开始-->
   <h1><img src="images/loginlogo.gif" width="214" height="37" /></h1>
   <div id="LoginBox">
   <div class="left">
		<h2>可用以下账号直接登录</h2>
        <div id="outlink">
            <a href="#"><img src="images/xinlang.gif" width="62" height="62" /></a>
            <a href="#"><img src="images/tengxunqq.gif" width="62" height="62" /></a>
            <a href="#"><img src="images/douban.gif" width="62" height="62" /></a>
            <a href="#"><img src="images/renren.gif" width="62" height="62" /></a>
            <div class="clear"></div>
        </div>
		<span>还没帐号? &nbsp;<a href="#" class="green">立即注册</a></span>
   </div>
    <div class="right">
      <table border="0" cellspacing="0" cellpadding="0" id="LoginTable">
        <tr>
        <th align="left">
        <span>用户名：</span>
        <input name="textfield" type="text" id="textfield" value="example@aiplolly.com" />
		</th>
        </tr>
        <tr>
        <th align="left">
         
        <span>密码：</span>
        <input type="text" name="textfield2" id="textfield2" />
         </th>
        </tr>
        <tr>
        <td align="left"><input type="checkbox" name="checkbox" id="checkbox" /> 下次自动登录<a href="#">忘记密码</a></td>
        </tr>
        <tr>
        <td align="left" class="red">用户名或者密码错误！</td>
        </tr>
        <tr>
        <td align="left"><input type="submit" name="button" id="button" value="提交" class="bott"/></td>
        </tr>
        </table>
    
    </div>
   <div class="clear"></div>
   </div>
   <!--中间部分结束-->


    <div id="Copyright">
      <span>© 2009-2012 aipolly.com 爱波利™ -  川ICP备09109912号</span>
      <span>爱波利微博   爱波利人人   爱波利豆瓣   爱波利QQ群</span>
    </div>
</div>
</body>
</html>
